<style>
body.toolbar {
  padding-top: 2.2em;
}
body.toolbar-drawer {
  padding-top: 5.3em;
}
#toolbar,
#toolbar * {
  border: 0;
  font-size: 100%;
  line-height: inherit;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: left; /* LTR */
  vertical-align: baseline;
}
#toolbar {
  background: #666;
  color: #ccc;
  font: normal small "Lucida Grande", Verdana, sans-serif;
  left: 0;
  margin: 0 -20px;
  padding: 0 20px;
  position: fixed;
  right: 0;
  top: 0;
  -moz-box-shadow: 0 3px 20px #000;
  -webkit-box-shadow: 0 3px 20px #000;
  box-shadow: 0 3px 20px #000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')";
  z-index: 600;
}
#toolbar div.collapsed {
  display: none;
  visibility: hidden;
}
#toolbar a {
  color: #fff;
  font-size: .846em;
  text-decoration: none;
}
#toolbar ul li,
#toolbar ul li a {
  float: left; /* LTR */
}
#toolbar div.toolbar-menu {
  background: #000;
  line-height: 20px;
  padding: 5px 10px 5px 10px; /* LTR */
  position: relative;
}
#toolbar-home a span {
  background: url(/images/toolbar.png) no-repeat 0 -45px;
  display: block;
  height: 14px;
  margin: 3px 0px;
  text-indent: -9999px;
  vertical-align: text-bottom;
  width: 11px;
}
#toolbar-user {
  float: right; /* LTR */
}
#toolbar-menu {
  float: left; /* LTR */
}
#toolbar div.toolbar-menu a.toggle {
  background: url(/images/toolbar.png) 0 -20px no-repeat;
  bottom: 0;
  cursor: pointer;
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: 10px; /* LTR */
  text-indent: -9999px;
  width: 25px;
}
#toolbar div.toolbar-menu a.toggle:focus,
#toolbar div.toolbar-menu a.toggle:hover {
  background-position:  -50px -20px;
}
#toolbar div.toolbar-menu a.toggle-active {
  background-position:  -25px -20px;
}
#toolbar div.toolbar-menu a.toggle-active.toggle:focus,
#toolbar div.toolbar-menu a.toggle-active.toggle:hover {
  background-position:  -75px -20px;
}
#toolbar div.toolbar-menu ul li a {
  padding: 0 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#toolbar div.toolbar-menu ul li a:focus,
#toolbar div.toolbar-menu ul li a:hover,
#toolbar div.toolbar-menu ul li a:active,
#toolbar div.toolbar-menu ul li a.active:focus {
  background: #444;
}
#toolbar div.toolbar-menu ul li a.active:hover,
#toolbar div.toolbar-menu ul li a.active:active,
#toolbar div.toolbar-menu ul li a.active,
#toolbar div.toolbar-menu ul li.active-trail a {
  background: url(/images/toolbar.png) 0 0 repeat-x;
  text-shadow: #333 0 1px 0;
}
#toolbar div.toolbar-drawer {
  position: relative;
  padding: 0 10px;
}
div#toolbar div.toolbar-shortcuts ul {
  padding: 5px 0 2px 0;
  height: 28px;
  line-height: 24px;
  float: left; /* LTR */
  margin-left:5px; /* LTR */
}

div#toolbar div.toolbar-shortcuts ul li a {
  padding: 0 5px 0 5px;
  margin-right: 5px; /* LTR */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#toolbar div.toolbar-shortcuts ul li a:focus,
div#toolbar div.toolbar-shortcuts ul li a:hover,
div#toolbar div.toolbar-shortcuts ul li a.active:focus {
  background: #555;
}

div#toolbar div.toolbar-shortcuts ul li a.active:hover,
div#toolbar div.toolbar-shortcuts ul li a.active {
  background: #000;
}
.login-text {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    width: 90px;
    height: 24px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.login-sbmt {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;  
    padding-left: 10px !important;
    padding-right: 10px !important;
    cursor: pointer;
    font-weight: bold;
    height: 24px;
}
    
* html #toolbar {
  left: -20px;
  margin: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
body {
    padding-top: 65px;
}
</style>
<div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed">
    <div class="toolbar-menu clearfix">
        <ul id="toolbar-home">
            <li class="home first last"><a href="/" title="Главная"><span class="home-link">Главная</span></a></li>
        </ul>
        <?php if (count($menuItems)) { ?>
        <ul id="toolbar-menu">
            <?php foreach ($menuItems as $link => $title) { ?>
                <li><a href="<?php echo $link; ?>"><?php echo $title; ?></a></li>
            <?php } ?>
        </ul>
        <?php } ?>
        <?php if (!Yii::app()->user->isGuest) {?>
        <ul id="toolbar-user">
            <!--<li class="account first"><a href="/user" title="Информация о пользователе">Здравствуйте, <strong></strong></a></li>-->
            <li class="logout last"><a href="<?php echo Yii::app()->createUrl('site/logout'); ?>">Выйти</a></li>
        </ul>
        <?php } ?>
    </div>
    <?php if (count($shortcuts)) { ?>
    <div class="toolbar-drawer clearfix">
        <div class="toolbar-shortcuts">
            <ul class="menu clearfix">
                <?php foreach ($shortcuts as $link => $title) { ?>
                <li><a href="<?php echo $link; ?>"><?php echo $title; ?></a></li>
                <?php } ?>
            </ul>
        </div>
    </div>
    <?php } ?>
</div>